<template>
	<!-- 缴款成功或失败 -->
	<view class="qjsb">
		<view class="title">
			<uni-icons custom-prefix="custom-icon" type="close" size="30"></uni-icons>
			<text>清缴失败</text>
		</view>
		<view class="bcjkcg">本次缴款失败</view>
		<view class="btn">
			<button type="primary"  size="mini"  @click="fhsy">返回首页</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// 清缴失败
			fhsy(){
				uni.reLaunch({
					url: "/pages/index/index"
				})
			}
		}
	}
</script>

<style>
	.qjsb{
		padding: 10rpx;
	}
	.title{
		height: 80rpx;
		display: flex;
		align-items: center;
	}
	.title text{
		font-size: 40rpx;
		color: black;
		font-weight: bold;
		letter-spacing: 2rpx;
	}
	 .uni-icons{
		color: red !important; 
		
	}
	.bcjkcg{
		padding: 40rpx;
		font-size: 26rpx;
	}
   
   .btn{
   	text-align: center; 
	padding: 40rpx;
   }
   .btn uni-button {
   	width: 590rpx;
   	background-color: #3171d5;
	height: 70rpx;
	line-height: 70rpx;
   }
   
   /* #ifdef MP-WEIXIN */
   .btn button {
   	width: 590rpx;
   	background-color: #3171d5;
   }
   /* #endif */
</style>
